<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>item</title>
    <link rel="stylesheet" href="../model/element.css">
    <link rel="stylesheet" href="../model/jsFn.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< item ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_load">load</a></p></li>
                <li><p><a href="#jsFn_upload">upload</a></p></li>
                <li><p><a href="#jsFn_refresh">refresh</a></p></li>
                <li><p><a href="#jsFn_delete">delete</a></p></li>
                <li><p><a href="#jsFn_getposition">getPosition</a></p></li>

                <li><p><a href="#jsFn_getitem">getItem</a></p></li>
                <li><p><a href="#jsFn_getsize">getSize</a></p></li>
                <li><p><a href="#jsFn_getdocument">getDocument</a></p></li>
                <li><p><a href="#jsFn_setempty">setEmpty</a></p></li>
                <li><p><a href="#jsFn_notify">notify</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_adapter"> < 适配器名字 ></a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>item</h2>
    <div>简介:</div>
    <p>适配器，数据绑定</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <xmp>
            < item click="ServerAgent.invoke('articles',{talk_id:this.getItem().talk_id});" id="topic">
            < topic2/>
            < /item>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table >
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>click</td>
                <td>&nbsp;javaScript&nbsp;</td>
                <td>点击事件</td>
            </tr>
            <tr>
                <td>longClick</td>
                <td>&nbsp;javaScript&nbsp;</td>
                <td>长按事件</td>
            </tr>
            <tr>
                <td>num</td>
                <td>&nbsp;int&nbsp;</td>
                <td>一行有几列,或一列有几行</td>
            </tr>
            <tr>
                <td>type</td>
                <td>&nbsp;list|grid|stagger&nbsp;</td>
                <td>适配器类型,list:正常;grid:网格布局;stagger:瀑布流布局</td>
            </tr>
            <tr>
                <td>orientation</td>
                <td>&nbsp;vertical|horizontal&nbsp;</td>
                <td>滑动方向,vertical:竖值滑动;horizontal:水平滑动</td>
            </tr>
            <tr>
                <td>reverse</td>
                <td>&nbsp;boolean&nbsp;</td>
                <td>是否颠倒排序</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
        <p>无</p>
        <p>无</p>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/shequ_03.png" alt="">
        .....
    </div>
</div>
<!--js方法-->
<div id="jsFn">
    <h2>js方法</h2>
    <div id="jsFn_load" class="jsFnModel">
        <h3>load</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>load(data)->返回自己;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>加载类似新闻的类型，往尾部添加数据</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>data</p>
                    <p>&nbsp;arr&nbsp;</p>
                    <p>数组</p>
                </li>

            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>返回item</p>
            <p>返回自己</p>
            <p></p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    item.load([1,2,3]);
                    //尾部添加数据;
                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_upload" class="jsFnModel">
        <h3>upload</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>load([]);</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>加载类似qq聊天记录的类型，下拉加载，头部添加数据</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>[]</p>
                    <p>&nbsp;arr&nbsp;</p>
                    <p>数组</p>
                </li>

            </ul>
        </div>
        <div class="res">
            <h3>args</h3>
            <p>返回item</p>
            <p>返回自己</p>
            <p></p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    item.load([1,2,3]);
                    //往头部添加，加载数据;
                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_refresh" class="jsFnModel"    >
        <h3>refresh:</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.refresh([])</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>recycleview 刷新数据</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>[] </p>
                    <p> &nbsp; 数组 &nbsp; </p>
                    <p> 数组  </p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>返回item</p>
            <p>返回自己</p>

        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    < item id="item">
                        < topic >左边文字< /lp >
                    < /text >
                     document.$('item').refresh();

                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_delete" class="jsFnModel">
        <h3>delete:</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.delete([index]</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>recycleview 删除部分数据</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p> index </p>
                    <p>&nbsp; int &nbsp; </p>
                    <p> 删除某个位置,若为空，则为默认选中点击项 </p>

                </li>

            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>返回item</p>
            <p>返回自己</p>

        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    < item id="item">
                        < topic >< /lp >
                    < /text >
                     document.$('item').delete() //  document.$('item').delete(5);
                    </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_getposition" class="jsFnModel">
        <h3>getPosition</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.getPosition()</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>recycleview 获得被选中条目位置索引</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>无</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>position</p>
            <p>返回被选中条目索引</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    < item id="item">
                        < topic >左边文字< /lp >
                    < /text >
                     document.$('item').clear();

                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_getitem" class="jsFnModel">
        <h3>getItem</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.getItem([position]) ->object</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>recycleview 获得被选中条目的bean</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>position</p>
                    <p>&nbsp;int&nbsp;</p>
                    <p>索引,若为空，则默认选择点击项</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>object</p>
            <p>返回被选中条目索引的bean</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    < item id="item">
                        < topic >< /lp >
                    < /text >
                     document.$('item').getItem(1);
                  //  返回条目bean

                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_getsize" class="jsFnModel">
        <h3>getSize</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.getSize()->size</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>获取recycleview 的条目个数</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <!--<li>-->
                    <!--<p>index</p>-->
                    <!--<p>&nbsp;int&nbsp;</p>-->
                    <!--<p>索引</p>-->
                <!--</li>-->
                <li>
                    <p>无</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>size</p>
            <p>返回recycleview 的条目</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                    < item id="item">
                        < topic >< / >
                    < /text >
                     document.$('item').getSize();
                  //  返回条目数目

                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_getdocument" class="jsFnModel">
        <h3>getDocument</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>getDocument()-> document</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>返回上下文</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <!--<li>-->
                    <!--<p>index</p>-->
                    <!--<p>&nbsp;int&nbsp;</p>-->
                    <!--<p>索引</p>-->
                <!--</li>-->
                <li>
                    <p>无</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>document</p>
            <p>返回  <a href="../document/index.html"> < document ></a> </p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                   this.getDocument()
                  //  返回上下文

                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_setempty" class="jsFnModel">
        <h3>setEmpty</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>setEmpty(ifEmpty)-> document</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>清空recycleview</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>ifEmpty</p>
                    <p>&nbsp;boolean &nbsp;</p>
                    <p>list为空时候，是否设置暂无数据的图片</p>
                </li>
                <!--<li>-->
                    <!--<p>无</p>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>document</p>
            <p>返回 <a href="../document/index.html"> < document ></a> </p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                   this.setEmpty(true);
                  //  是否设置暂无数据
                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_notify" class="jsFnModel">
        <h3>notify</h3>
        <div class="shape">
            <h3>函数使用样式:</h3>
            <p>item.notify(position,object)</p>
        </div>
        <div class="profile">
            <h3>函数功能简介:</h3>
            <p>更改某一个条目的数据</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>position</p>
                    <p>&nbsp;int&nbsp;</p>
                    <p>条目位置</p>
                </li>
                <!--<li>-->
                    <!--<p>无</p>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>无</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
                <code>
                  item.notify(1,{name:'小王'});
                  //  更改索引为1条目的字段
                </code>
            </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>

</div>
<!--子标签-->
<div id="childElement">
    <h2>子标签</h2>
    <div id="childElement_adapter">
        <h3>< name ></h3>
        <p>适配器的名字</p>
    </div>
</div>
<div class="author">
    <p>by-姜进</p>
</div>
</body>
</html>